	* {
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
	}
	body{
		overflow-x: hidden;
	}
    ul{
		list-style: none;
	}
	div,
	a {
		box-sizing: border-box;
	}
	 p { 
	 display: block;
	 -webkit-margin-before: 0em;
	 -webkit-margin-after: 0em;
	 -webkit-margin-start: 0px;
	 -webkit-margin-end: 0px;
	
	  } 
	/*包含以下五种的链接*/
	a {
		text-decoration: none;
		color: #333333;
	}

	/*正常的未被访问过的链接*/
	a:link {
		text-decoration: none;
	}

	/*已经访问过的链接*/
	a:visited {
		text-decoration: none;
	}

	/*鼠标划过(停留)的链接*/
	a:hover {
		text-decoration: none;
	}

	/* 正在点击的链接，鼠标在元素上按下还没有松开*/
	a:active {
		text-decoration: none;
	}

	/* 获得焦点的时候 鼠标松开时显示的颜色*/
	a:focus {
		text-decoration: none;
	}

	a:hover,
	a:link,
	a:visited,
	a:active,
	a:focus {
		text-decoration: none;
	}

	html {
		min-height: 100vh;
	}

.warp{
	width: 1440px;
	margin: 0 auto;
	position: relative;
}




.w-full {
	width: 100%;
}
.h-full {
	height: 100%;
}

.overflow-hidden{
	overflow: hidden;
}
.block{
	display: block;
}

.hide {
	display: none;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}

.flex{
	display: flex;
}
.flex-wrap{
	flex-wrap: wrap;
}
.getflexsize(@n, @i: 0) when (@i =< @n) {
	.flex-@{i} {
		flex: @i 
	}
	.getflexsize(@n, (@i + 1));
}
.getflexsize(4);

.items-center{
	align-items: center;
}
.justify-space-between{
	justify-content: space-between;
}
.justify-center{
	justify-content: center;
}
.justify-end{
	justify-content: end;
}
.line-clamp {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.pc-show{
		display: flex!important;
	}
	.pc-hide{
		display: none!important;
	}

.single-box{
	// padding: 60px 15%;
	p{
		line-height: 1.6;
	}
	img{
		max-width: 100%;
	}
}

@media only screen and (max-width: 1440px) {
	.warp{
		width: 1200px;
	}
}
@media only screen and (max-width: 750px) {
	.warp{
		width: 100%;
	}
	.pc-show{
		display: none!important;
	}
	.pc-hide{
		display: flex!important;
	}
}


.wp-pagenavi{
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666666;
	.pages{
		margin-right: 20px;
	}
	.current{
		color: #2B33A8;
		display: block;
		padding: 4px 10px;
		color: #2B33A8;
		border: 1px solid #2B33A8;
		background-color: #f3f3fa;
	}
	a{
		display: block;
		padding: 4px 10px;
		border: 1px solid transparent;
	}
	.previouspostslink:hover,.nextpostslink:hover{
		color: #2B33A8;
	}
}

.no-data{
	padding: 100px 0;
	text-align: center;
	img{
		width: 100px;
	}
}	

	
